<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        /* 第一种写法：选中具有title属性的元素 */
        /* [title] {
            color: red;
        } */

        /* 第二种写法：选中具有title属性，且属性值为atguigu2的元素 */
        /* [title="atguigu2"] {
            color: aquamarine;
        } */

        /* 第三种写法：选中具有title属性，且属性值以a开头的元素 */
        /* [title^="a"] {
            color: red;
        } */
        
        /* 第四种写法：选中具有title属性，且属性值以u结尾的元素 */
        /* [title$="3"] {
            color: blue;
        } */

        /* 第五种写法：选中具有title属性，且属性值包含u的元素 */
        [title*="u"] {
            color: brown;
        }

    </style>
</head>
<body>

    <div title="atguigu1">尚硅谷1</div>
    <div title="atguigu2">尚硅谷2</div>
    <div title="atguigu3">尚硅谷3</div>
    <div title="atguigu4">尚硅谷4</div>
    
</body>
</html>